<template>
    <div class="productAttrList">
        <div class="dataList">
            <!-- 左边文字 -->
            <div class="left_title">
                <i class="icon">
                    <el-icon size="16px">
                        <Memo />
                    </el-icon>
                </i>
                <span>数据列表</span>
            </div>
            <!-- 右边按钮 -->
            <div class="right_button">
                <el-button @click="addDataProperty">添加</el-button>
            </div>
        </div>
        <div class="propertyList">
            <el-table :data="tableList" :border="true" style="width: 100%">
                <el-table-column prop="date" label="Date" width="180" />
                <el-table-column prop="name" label="Name" width="180" />
                <el-table-column prop="address" label="Address" />
            </el-table>
        </div>
    </div>
</template>

<script setup lang="ts">
import useTable from '@/hooks/useTable';
import * as request from "@/request/modules/productCategory"
import { useRoute, useRouter } from 'vue-router';
const route = useRoute();
const router = useRouter();
const { tableList,
    pagination,
    handleSizeChange,
    handleCurrentChange,
    fetchData, } = useTable(request.productAttributeAPI as any, { cid: route.query.cid, type: route.query.type })

//添加
const addDataProperty = () => {

}
</script>

<style lang="scss" scoped></style>